<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="分享内容，享内容，内容，容" />
    <meta name="keywords" content=" " />
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/app.css">
    <link rel="stylesheet" href="./css/gtjn.css">
    <link rel="stylesheet" href="./css/situation.css">
    <link rel="stylesheet" href="./css/stock.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <style type="text/css">
        .game-row{
            display: flex;
            justify-content: space-around;
            width: 100%;
        }
        .game-row-item{
            text-align: center;
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-width: 0;
        }
        .game-row-item >div {
            text-align: center;
            white-space: nowrap;
            padding: 0 2px;
            width: 100%;
        }
        .value{
            font-size: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
    <title>牛人牛股</title>
</head>
<body class="x-bg">
<div id="main">
    <div class="game-my">
        <div id="list" class="gamemy-list gamemy-share">

            <ul class="nav nav-tabs">
                <li :class="{'active':tab=='play'}" @click="_clickTab1"><a class="play" data-toggle="tab"><i
                        class="iconfont icon-cansai"></i>我参加的比赛</a></li>
                <li :class="{'active':tab=='build'}" @click="_clickTab2"><a class="build" data-toggle="tab"><i
                        class="iconfont icon-chuangsai"></i>我创建的比赛</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane" :class="{'active':tab=='play'}" id="play">
                    <div class="not-play" v-if="game_play_data.gameList.length==0" :style="{'height':playStyle.h+'px'}">
                        <div class="niu"><img src="./images/nrng/meicanjia.png" :style="{'height':playStyle.hNiu+'px'}"></div>
                        <div class="info">
                            <span>啊咧咧</span><br>
                            <span>我还没参加过任何比赛呢</span>
                        </div>
                        <div class="submit" :style="{'height':playStyle.hBtn+'px','line-height':playStyle.hBtn+'px','margin-top':playStyle.hMarTop+'px'}">
                            立即参赛
                        </div>
                    </div>
                    <game-list :list="game_play_data.gameList"></game-list>
                </div>

                <div class="tab-pane" :class="{'active':tab=='build'}" id="build">
                    <div class="not-build" v-if="game_build_data.gameList.length==0" :style="{'height':buildStyle.h+'px'}">
                        <div class="niu"><img src="./images/nrng/meichuangjian.png" :style="{'height':buildStyle.hNiu+'px'}"></div>
                        <div class="info">
                            <span>我还没创建过比赛哦</span><br>
                            <span>点击按钮可以创建一场比赛<br>可以邀请好友一起战斗<br>更可赢得金元宝!</span>
                        </div>
                        <div class="submit" :style="{'height':buildStyle.hBtn+'px','line-height':buildStyle.hBtn+'px','margin-top':buildStyle.hMarTop+'px'}">
                            创建比赛
                        </div>
                    </div>
                    <game-list :list="game_build_data.gameList"></game-list>
                </div>

                <div class="chuangsai-bank" style="height:105px"></div>
            </div>
        </div>
    </div>
    <div class="blank-105h"></div>
    <download></download>
</div>

<!-- body end -->
<!--<script src="./lib/vue.js"></script>-->
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="./lib/jquery-2.1.3.min.js"></script>
<script src="./lib/weixinShare.js"></script>
<script src="./lib/td-h5-website-sdk.js" td-appid="F7C7532A924212E02000152A3006068A"></script>
<script src="./js/common.util.js"></script>
<script src="./js/ad-download.js"></script>
<script src="./js/nrng-my-games.js"></script>

</body>
</html>
